<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        
    </body>
    <script>
        // 箭头函数--普通函数的一种简化，使更简洁
        // 1.语法(函数参数) => {函数体}，可以使用变量接收，否则就是匿名函数
        let add = (x,y)=> {
            return x + y;
        }
        console.log(add(10,20))

        // 2.特性
        // 2.1 只有一个参数时，可以省略括号
        let print = age => {
            console.log(age)
        }
        print(90)
        // 2.2 函数体中只有一句代码时，可以省略花括号,自带return，如果写return会报错
        let print2 = (a,b) => console.log(a+b)
        print2(5,1)
        // 2.3 如果函数只返回对象时，可以使用()代替{return}
        let student = () => (
            {
                name: "zhangsan",
                age: 18,
                value: {
                    print: "这是一段话",
                    print2: "vue3"
                }
            }
        )
        console.log(student())

        // 3.应用--作为函数参数
    </script>
</html>